<template>
  <b-container fluid class="banner">
    <!-- <carousel :carousels="carousels"></carousel> -->
  </b-container>
</template>

<script>
// import Carousel from '@/components/Carousel';

export default {
  // components: {
  //   Carousel,
  // },
  props: {
    carousels: {
      type: Array,
      required: true,
    },
  },
};
</script>

<style lang="scss" scoped>
.banner {
  height: 100vh;
  text-align: center;
  // background-image: url('/images/header-bg.jpg');
  background-image: url('/images/banner.png');
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}
</style>
